<div style="display: none" id="error" class="alert alert-error"><input type="hidden" id="hidden"/></div>
<form id="resetPassForm" method="post" class="form-horizontal">
    <legend>Đổi mật khẩu</legend>
	
    <div class="row-fluid">
        <div class="span6">
            <label>Mật khẩu cũ *</label>
            <input type="password" class="span12" id="pass" name="pass" placeholder="Mật khẩu hiện tại" autocomplete="off">
        </div>
    </div>    

    <div class="row-fluid">
        <div class="span6">
            <label>Mật khẩu mới *</label>
            <input type="password" class="span12" id="newpass" name="newpass" placeholder="Mật khẩu mới" autocomplete="off">
        </div>
    </div> 

    <div class="row-fluid">
        <div class="span6">
            <label>Xác nhận mật khẩu cũ *</label>
            <input type="password" class="span12" id="confirmpass" name="confirmpass" placeholder="Xác nhận mật khẩu mới" autocomplete="off">
        </div>
    </div> 

    <hr>
    <div class="row-fluid">
        <div class="span12">
            <button id="btndoimatkhau" class="btn btn-inverse btn-large">
                Đổi mật khẩu
            </button>
        </div>
    </div> 
</form>
<script>
    $(document).ready(function() {
        $('#btndoimatkhau').click(function() {

            var newpass = $('#newpass').val();
            var password = $('#pass').val();
            var repassword = $('#confirmpass').val();

            
            if (password == '') {
                $('#error').html('<label>Bạn chưa nhập mật khẩu hiện tại.</label>');
                $('#error').css({display: "block"});
                $('html, body').animate({scrollTop: 0}, 500);
				$('#pass').focus();
                return false;
            }
			if (newpass == '') {
                $('#error').html('<label>Bạn chưa nhập mật khẩu mới.</label>');
                $('#error').css({display: "block"});
                $('html, body').animate({scrollTop: 0}, 500);
				$('#newpass').focus();
                return false;
            }
            if (repassword == '') {
                $('#error').html('<label>Bạn chưa nhập xác nhận mật khẩu mới.</label>');
                $('#error').css({display: "block"});
                $('html, body').animate({scrollTop: 0}, 500);
				$('#confirmpass').focus();
                return false;
            }

			if (newpass.length < 6) {
                $('#error').html('<label>Mật khẩu phải lớn hơn 6 kí tự.</label>');
                $('#error').css({display: "block"});
                $('html, body').animate({scrollTop: 0}, 500);
				$('#newpass').focus();
                return false;
            }
			
            if(password != repassword){
                $('#error').html('<label>Xác nhận mật khẩu sai.</label>');
                $('#error').css({display: "block"});
                $('html, body').animate({scrollTop: 0}, 500);
				$('#confirmpass').focus();
                return false;
            }
            
        });
    });
</script>